<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%@ include file="include.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<title>中国建设银行北京数据中心-图书馆</title>
</head>
<script type="text/javascript">
$(function () {
    $('#myTab a:first').tab('show');//初始化显示哪个tab

</script>

<body>
	<div class="navbar navbar-inverse">
		<div class="navbar-inner">
			<a class="brand" href="#">中国建设银行-北京数据中心</a>
			<ul class="nav">
				<li class="divider-vertical"><a>本馆概况</a></li>
				<li class="divider-vertical"><a>读者指南</a></li>
				<li class="divider-vertical"><a>公告信息</a></li>
				<li class="divider-vertical"><a>书目查询</a></li>
				<li class="divider-vertical"><a>我的图书馆</a></li>
			</ul>
			<form class="navbar-search pull-right">
    			<input type="text" class="search-query span3" placeholder="Search">
    			<input type="submit" class="btn" value="搜索">
    		</form>
		</div>
	</div>

	<div class="container-fluid">
		<div class="row-fluid">
			<div class="span3">
				<div class="well sidebar-nav">
					<ul class="nav nav-list">
						<li class="nav-header">书刊管理</li>
						<li class="active"><a href="#">书刊信息维护</a></li>
						<li><a href="#">出版单位设置</a></li>
						<li><a href="#">书刊类别设置</a></li>
						<li class="nav-header">读者管理</li>
						<li><a href="#">读者信息维护</a></li>
						<li><a href="#">读者类别设置</a></li>
						<li><a href="#">借阅规章制度</a></li>
						<li class="nav-header">借阅管理</li>
						<li><a href="#">借书还书续借</a></li>
						<li><a href="#">借阅记录查询</a></li>
						<li class="nav-header">统计查询</li>
						<li><a href="#">逾期记录查询</a></li>
						<li><a href="#">借阅记录查询</a></li>
						<li class="nav-header">系统信息维护</li>
						<li><a href="#">数据字典维护</a></li>
						<li><a href="#">用户授权设置</a></li>
						<li><a href="#">操作日志记录</a></li>
						<li><a href="#">系统参数设置</a></li>
						<li><a href="#">高级管理工具</a></li>

					</ul>
				</div>
				<!--/.well -->
			</div>
			<!--/span-->
			<div class="span9">
				<div class="hero-unit">
					<ul class="nav nav-tabs"  id="myTab">
						<li class="active"><a href="#normalSearch" data-toggle="tab">普通查询</a></li>
						<li><a href="#advanceSearch" data-toggle="tab">高级查询</a></li>
					</ul>
					<div class="tab-content">
						<div class="tab-pane active" id="normalSearch">
							<form class="form-horizontal">
							<div class="control-group">
									<div class="controls">
										<input type="text" class="span6" placeholder="请输入图书名…">
										<button type="submit" class="btn btn-info	">查询</button>
									</div>
								</div>


								<div class="control-group">
									<label class="control-label" for="inputEmail">请选择检索范围</label>
									<div class="controls">
										<select>
											<option>全部图书</option>
											<option>最近三天的新书</option>
											<option>最近一周的新书</option>
											<option>最近一个月的新书</option>
										</select>
									</div>
								</div>
								
								<div class="control-group">
									<label class="control-label" for="inputEmail">请选择检索类型</label>
									<div class="controls">
										<select>
											<option>正题名</option>
											<option>ISBN码</option>
											<option>出版社</option>
											<option>主题词</option>
											<option>分类号</option>
										</select>
									</div>
								</div>
								
								<div class="control-group">
									<label class="control-label" for="inputEmail">请选择检索模式</label>
									<div class="controls">
										<label class="radio">
											<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>任意匹配
										</label>
										<label class="radio">
											<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2" >完全匹配
										</label>
										<label class="radio">
											<input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" >前方一致
										</label>
										<label class="radio">
											<input type="radio" name="optionsRadios" id="optionsRadios4" value="option4" >后方一致
										</label>
									</div>
								</div>
								
								
								
								
							</form>
						</div>
						<div class="tab-pane" id="advanceSearch">
							<form class="form-horizontal">

								<div class="control-group">
									<label class="control-label" for="inputEmail">ISBN</label>
									<div class="controls">
									<input type="text" class="span3" >
									</div>
								</div>
								
								<div class="control-group">
									<label class="control-label" for="inputEmail">正题名</label>
									<div class="controls">
										<input type="text" class="span3" >
									</div>
								</div>
								
								<div class="control-group">
									<label class="control-label" for="inputEmail">出版社</label>
									<div class="controls">
										<input type="text" class="span3" >
									</div>
								</div>
								
								
							</form>
							
						</div>
					</div>

				</div>
			</div>
			<!--/span-->
		</div>
		<!--/row-->


		<hr>

		<footer>
			<center><p>&copy;版权所有 &nbsp;中国建设银行北京数据中心  </p></center>
		</footer>

	</div>
	<!--/.fluid-container-->

</body>
</html>
